<nav class="navbar has-shadow">
    <div class="navbar-brand">
        <a class="navbar-item">
            <img src="images/logo.png">
        </a>
        <div class="navbar-burger">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <div class="navbar-menu">
        <div class="navbar-start">
            <div class="navbar-item">
                <small>publishing at the speed of technology</small>
            </div>
        </div>
        <div class="navbar-end">
            <div class="navbar-item has-dropdown is-hoverable">
                <div class="navbar-link">
                    Alex Johnson
                </div>
                <div class="navbar-dropdown">
                    <a class="navbar-item">
                        <div>
                            <span class="icon is-small">
                                <i class="fa fa-user-circle-o"></i>
                            </span>
                            Profile
                        </div>
                    </a>
                    <a class="navbar-item">
                        <div>
                            <span class="icon is-small">
                                <i class="fa fa-bug"></i>
                            </span>
                            Report bug
                        </div>
                    </a>
                    <a class="navbar-item">
                        <div>
                            <span class="icon is-small">
                                <i class="fa fa-sign-out"></i>
                            </span>
                            Report bug
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</nav>
